```html{7-9}
<script setup lang="ts">
import { toRefs } from 'vue';
import { Amplify } from 'aws-amplify';
import { Authenticator, useAuthenticator } from '@aws-amplify/ui-vue';
import '@aws-amplify/ui-vue/styles.css';
import aws_exports from './aws-exports';

Amplify.configure(aws_exports);

const { toResetPassword } = toRefs(useAuthenticator());
</script>

<template>
  <authenticator>
    <template v-slot:sign-in-footer>
      <div style="text-align: center">
        <button
          @click="toResetPassword"
          class="amplify-button amplify-field-group__control"
          data-fullwidth="false"
          data-size="small"
          type="button"
          style="font-weight: normal"
        >
          Custom Reset Password
        </button>
      </div>
    </template>
  </authenticator>
</template>
```
